<section class="content" >
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <input type="search" ng-model="filter.account" style="width: 220px;" placeholder="Search User Name Here..." /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <img src="/beetle/image/icon_plus-box.png" ng-show="canUpdateUser();" ng-click="add();" style="cursor: pointer;">
                </div>
                <div class="box-body" style=" ">
                                <table class="table table-hover table-bordered text-center">
                <thead>
                    <tr>
                        <th>
                            用户名
                        </th>
                        <th>
                            真实姓名
                        </th>
                        <th>
                            角色
                        </th>
                        <th>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="i in userList |filter:filter|paging:page.index:page.size">
                        <td>
                            {{i.account}}
                        </td>
                        <td>
                            {{i.realname}}
                        </td>
                        <td>
                             {{i.role_name}}
                        </td>
                        <td>
                            <img src="/beetle/image/icon_cog.png" ng-show="canUpdateUser() && i.account != 'admin'" ng-click="edit(i.id);" style="cursor: pointer;width: 20px;">&nbsp;&nbsp;&nbsp;&nbsp;
                            <img src="/beetle/image/icon_trash.png" ng-show="canUpdateUser() && i.account != 'admin'" ng-click="del(i.id);" style="cursor: pointer;width: 20px;">
                        </td>
                    </tr>
                </tbody>
            </table>
                </div>
            <uib-pagination total-items="userList|filter:filter|size" ng-model="page.index" 
                max-size="5"
                previous-text="上一页"
                next-text="下一页"
                first-text="首页"
                last-text="尾页"

                items-per-page="page.size"

                class="pagination-sm pull-right" boundary-links="true"></uib-pagination>
            </div>
        </div>
    </div>
</section>